<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width"/>
<title>KARDEXY - Inversiones Vialsa</title>
<link href="css/reset.css" rel="stylesheet" type="text/css">
<link href="css/layout.css" rel="stylesheet" type="text/css">
<link href="css/themes.css" rel="stylesheet" type="text/css">
<link href="css/typography.css" rel="stylesheet" type="text/css">
<link href="css/styles.css" rel="stylesheet" type="text/css">
<link href="css/shCore.css" rel="stylesheet" type="text/css">
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="css/jquery.jqplot.css" rel="stylesheet" type="text/css">
<link href="css/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css">
<link href="css/data-table.css" rel="stylesheet" type="text/css">
<link href="css/form.css" rel="stylesheet" type="text/css">
<link href="css/ui-elements.css" rel="stylesheet" type="text/css">
<link href="css/wizard.css" rel="stylesheet" type="text/css">
<link href="css/sprite.css" rel="stylesheet" type="text/css">
<link href="css/gradient.css" rel="stylesheet" type="text/css">
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="css/ie/ie7.css" />
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="css/ie/ie8.css" />
<![endif]-->
<!--[if IE 9]>
<link rel="stylesheet" type="text/css" href="css/ie/ie9.css" />
<![endif]-->
<!-- Jquery -->
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/jquery-ui-1.8.18.custom.min.js"></script>
<script src="js/jquery.ui.touch-punch.js"></script>
<script src="js/chosen.jquery.js"></script>
<script src="js/uniform.jquery.js"></script>
<script src="js/bootstrap-dropdown.js"></script>
<script src="js/bootstrap-colorpicker.js"></script>
<script src="js/sticky.full.js"></script>
<script src="js/jquery.noty.js"></script>
<script src="js/selectToUISlider.jQuery.js"></script>
<script src="js/fg.menu.js"></script>
<script src="js/jquery.tagsinput.js"></script>
<script src="js/jquery.cleditor.js"></script>
<script src="js/jquery.tipsy.js"></script>
<script src="js/jquery.peity.js"></script>
<script src="js/jquery.simplemodal.js"></script>
<script src="js/jquery.jBreadCrumb.1.1.js"></script>
<script src="js/jquery.colorbox-min.js"></script>
<script src="js/jquery.idTabs.min.js"></script>
<script src="js/jquery.multiFieldExtender.min.js"></script>
<script src="js/jquery.confirm.js"></script>
<script src="js/elfinder.min.js"></script>
<script src="js/accordion.jquery.js"></script>
<script src="js/autogrow.jquery.js"></script>
<script src="js/check-all.jquery.js"></script>
<script src="js/data-table.jquery.js"></script>
<script src="js/ZeroClipboard.js"></script>
<script src="js/TableTools.min.js"></script>
<script src="js/jeditable.jquery.js"></script>
<script src="js/ColVis.min.js"></script>
<script src="js/duallist.jquery.js"></script>
<script src="js/easing.jquery.js"></script>
<script src="js/full-calendar.jquery.js"></script>
<script src="js/input-limiter.jquery.js"></script>
<script src="js/inputmask.jquery.js"></script>
<script src="js/iphone-style-checkbox.jquery.js"></script>
<script src="js/meta-data.jquery.js"></script>
<script src="js/quicksand.jquery.js"></script>
<script src="js/raty.jquery.js"></script>
<script src="js/smart-wizard.jquery.js"></script>
<script src="js/stepy.jquery.js"></script>
<script src="js/treeview.jquery.js"></script>
<script src="js/ui-accordion.jquery.js"></script>
<script src="js/vaidation.jquery.js"></script>
<script src="js/mosaic.1.0.1.min.js"></script>
<script src="js/jquery.collapse.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/jquery.autocomplete.min.js"></script>
<script src="js/localdata.js"></script>
<script src="js/excanvas.min.js"></script>
<script src="js/jquery.jqplot.min.js"></script>
<script src="js/chart-plugins/jqplot.dateAxisRenderer.min.js"></script>
<script src="js/chart-plugins/jqplot.cursor.min.js"></script>
<script src="js/chart-plugins/jqplot.logAxisRenderer.min.js"></script>
<script src="js/chart-plugins/jqplot.canvasTextRenderer.min.js"></script>
<script src="js/chart-plugins/jqplot.canvasAxisTickRenderer.min.js"></script>
<script src="js/chart-plugins/jqplot.highlighter.min.js"></script>
<script src="js/chart-plugins/jqplot.pieRenderer.min.js"></script>
<script src="js/chart-plugins/jqplot.barRenderer.min.js"></script>
<script src="js/chart-plugins/jqplot.categoryAxisRenderer.min.js"></script>
<script src="js/chart-plugins/jqplot.pointLabels.min.js"></script>
<script src="js/chart-plugins/jqplot.meterGaugeRenderer.min.js"></script>
<script src="js/custom-scripts.js"></script>
</head>
<body id="theme-default" class="full_block">
<div id="actionsBox" class="actionsBox">
	<div id="actionsBoxMenu" class="menu">
		<span id="cntBoxMenu">0</span>
		<a class="button box_action">Archive</a>
		<a class="button box_action">Delete</a>
		<a id="toggleBoxMenu" class="open"></a>
		<a id="closeBoxMenu" class="button t_close">X</a>
	</div>
	<div class="submenu">
		<a class="first box_action">Move...</a>
		<a class="box_action">Mark as read</a>
		<a class="box_action">Mark as unread</a>
		<a class="last box_action">Spam</a>
	</div>
</div>
<div id="left_bar">
	
	
	<div id="sidebar">
		<div id="secondary_nav">
			<ul id="sidenav" class="accordion_mnu collapsible">
				<li><a href="#"><span class="nav_icon clipboard"></span> Almacén<span class="up_down_arrow">&nbsp;</span></a>
				<ul class="acitem">
					<li><a href="#"><span class="list-icon">&nbsp;</span>Traslados</a></li>
					<li><a href="Productos-Listado.html"><span class="list-icon">&nbsp;</span>Productos</a></li>
					<li><a href="#"><span class="list-icon">&nbsp;</span>Marcas</a></li>
					<li><a href="#"><span class="list-icon">&nbsp;</span>Clases</a></li>
					<li><a href="#"><span class="list-icon">&nbsp;</span>Almacenes</a></li>
					<li><a href="#"><span class="list-icon">&nbsp;</span>Kardex Histórico</a></li>
				</ul>
				</li>
				<li><a href="#"><span class="nav_icon truck"></span>Compras<span class="up_down_arrow">&nbsp;</span></a>
				<ul class="acitem">
					<li><a href="#"><span class="list-icon">&nbsp;</span>Nueva Guía Compra</a></li>
					<li><a href="#"><span class="list-icon">&nbsp;</span>Buscar Guía Compra</a></li>
					<li><a href="#"><span class="list-icon">&nbsp;</span>Proveedores</a></li>
					<li><a href="#"><span class="list-icon">&nbsp;</span>Reporte de Compras</a></li>
				</ul>
				</li>
				<li><a href="#"><span class="nav_icon money"></span>Ventas<span class="up_down_arrow">&nbsp;</span></a>
				<ul class="acitem">
					<li><a href="Ventas-GuiaNueva.html"><span class="list-icon">&nbsp;</span>Nueva Guía Venta</a></li>
					<li><a href="#"><span class="list-icon">&nbsp;</span>Buscar Guía Venta</a></li>
					<li><a href="#"><span class="list-icon">&nbsp;</span>Devoluciones</a></li>
					<li><a href="#"><span class="list-icon">&nbsp;</span>Reporte de Ventas</a></li>
				</ul>
				</li>
				<li><a href="#"><span class="nav_icon admin_user_2"></span>Clientes<span class="up_down_arrow">&nbsp;</span></a>
				<ul class="acitem">
					<li><a href="#"><span class="list-icon">&nbsp;</span>Nuevo Cliente</a></li>
					<li><a href="#"><span class="list-icon">&nbsp;</span>Buscar Cliente</a></li>
					<li><a href="#"><span class="list-icon">&nbsp;</span>Cuentas x Cobrar</a></li>
					<li><a href="#"><span class="list-icon">&nbsp;</span>Compras x Cliente</a></li>
				</ul>
				</li>
				<li><a href="#"><span class="nav_icon chart_8"></span>Reportes<span class="up_down_arrow">&nbsp;</span></a>
				<ul class="acitem">
					<li><a href="#"><span class="list-icon">&nbsp;</span>Kardex Histórico</a></li>
					<li><a href="#"><span class="list-icon">&nbsp;</span>Reporte de Compras</a></li>
					<li><a href="#"><span class="list-icon">&nbsp;</span>Reporte de Ventas</a></li>
					<li><a href="#"><span class="list-icon">&nbsp;</span>Cuentas x Cobrar</a></li>
					<li><a href="#"><span class="list-icon">&nbsp;</span>Compras x Cliente</a></li>
				</ul>
				</li>
				<li><a href="#"><span class="nav_icon folder"></span>Sistema</a></li>
			</ul>
		</div>
	</div>
</div>
<div id="container">
	<div id="header" class="blue_lin">
		<div class="header_left">
			<div class="logo">
				<img src="images/logo.png" width="160" height="60" alt="Ekra">
			</div>
			<div id="responsive_mnu">
				<a href="#responsive_menu" class="fg-button" id="hierarchybreadcrumb"><span class="responsive_icon"></span>Menu</a>
				<div id="responsive_menu" class="hidden">
					<ul>
						<li><a href="#"> Dashboard</a>
						<ul>
							<li><a href="dashboard.html">Dashboard Main</a></li>
							<li><a href="dashboard-01.html">Dashboard 01</a></li>
							<li><a href="dashboard-02.html">Dashboard 02</a></li>
							<li><a href="dashboard-03.html">Dashboard 03</a></li>
							<li><a href="dashboard-04.html">Dashboard 04</a></li>
						</ul>
						</li>
						<li><a href="#"> Forms</a>
						<ul>
							<li><a href="form-elements.html">All Forms Elements</a></li>
							<li><a href="left-label-form.html">Left Label Form</a></li>
							<li><a href="top-label-form.html">Top Label Form</a></li>
							<li><a href="form-xtras.html">Additional Forms (3)</a></li>
							<li><a href="form-validation.html">Form Validation</a></li>
							<li><a href="signup-form.html">Signup Form</a></li>
							<li><a href="content-post.html">Content Post Form</a></li>
							<li><a href="wizard.html">wizard</a></li>
						</ul>
						</li>
						<li><a href="table.html"> Tables</a></li>
						<li><a href="ui-elements.html">User Interface Elements</a></li>
						<li><a href="buttons-icons.html">Butons And Icons</a></li>
						<li><a href="widgets.html">All Widgets</a></li>
						<li><a href="#">Pages</a>
						<ul>
							<li><a href="post-preview.html">Content</a></li>
							<li><a href="login-01.html" target="_blank">Login 01</a></li>
							<li><a href="login-02.html" target="_blank">Login 02</a></li>
							<li><a href="login-03.html" target="_blank">Login 03</a></li>
							<li><a href="forgot-pass.html" target="_blank">Forgot Password</a></li>
						</ul>
						</li>
						<li><a href="typography.html">Typography</a></li>
						<li><a href="#">Grid</a>
						<ul>
							<li><a href="content-grid.html">Content Grid</a></li>
							<li><a href="form-grid.html">Form Grid</a></li>
						</ul>
						</li>
						<li><a href="chart.html">Chart/Graph</a></li>
						<li><a href="gallery.html">Gallery</a></li>
						<li><a href="calendar.html">Calendar</a></li>
						<li><a href="file-manager.html">File Manager</a></li>
						<li><a href="#">Error Pages</a>
						<ul>
							<li><a href="403.html" target="_blank">403</a></li>
							<li><a href="404.html" target="_blank">404</a></li>
							<li><a href="505.html" target="_blank">405</a></li>
							<li><a href="500.html" target="_blank">500</a></li>
							<li><a href="503.html" target="_blank">503</a></li>
						</ul>
						</li>
						<li><a href="invoice.html">Invoice</a></li>
						<li><a href="#">Email Templates</a>
						<ul>
							<li><a href="email-templates/forgot-pass-email-template.html" target="_blank">Forgot Password</a></li>
							<li><a href="email-templates/registration-confirmation-email-template.html" target="_blank">Registaion Confirmation</a></li>
						</ul>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="header_right">
			<div id="top_notification">
				<ul>
					<li class="dropdown">
					<a href="#" data-toggle="dropdown" class="dropdown-toggle alert"><span class="icon"></span><span class="alert_notify orange">30</span></a>
					<div class="notification_list dropdown-menu pull-left blue_d">
						<div class="white_lin nlist_block">
							<ul>
								<li>
								<div class="nlist_thumb">
									<img src="images/photo_60x60.jpg" width="40" height="40" alt="img">
								</div>
								<div class="list_inf">
									<a href="#">Cras erat diam, consequat quis tincidunt nec, eleifend.</a>
								</div>
								</li>
								<li>
								<div class="nlist_thumb">
									<img src="images/photo_60x60.jpg" width="40" height="40" alt="img">
								</div>
								<div class="list_inf">
									<a href="#">Cras erat diam, consequat quis tincidunt nec, eleifend.</a>
								</div>
								</li>
								<li>
								<div class="nlist_thumb">
									<img src="images/photo_60x60.jpg" width="40" height="40" alt="img">
								</div>
								<div class="list_inf">
									<a href="#">Cras erat diam, consequat quis tincidunt nec, eleifend.</a>
								</div>
								</li>
							</ul>
							<span class="btn_24_blue"><a href="#">View All</a></span>
						</div>
					</div>
					</li>
					<li class="inbox dropdown">
					<a href="#" data-toggle="dropdown" class="dropdown-toggle"><span class="icon"></span><span class="alert_notify blue">30</span></a>
					<div class="notification_list dropdown-menu blue_d">
						<div class="white_lin nlist_block">
							<ul>
								<li>
								<div class="nlist_thumb">
									<img src="images/photo_60x60.jpg" width="40" height="40" alt="img">
								</div>
								<div class="list_inf">
									<a href="#">Cras erat diam, consequat quis tincidunt nec, eleifend.</a>
								</div>
								</li>
								<li>
								<div class="nlist_thumb">
									<img src="images/photo_60x60.jpg" width="40" height="40" alt="img">
								</div>
								<div class="list_inf">
									<a href="#">Cras erat diam, consequat quis tincidunt nec, eleifend.</a>
								</div>
								</li>
								<li>
								<div class="nlist_thumb">
									<img src="images/photo_60x60.jpg" width="40" height="40" alt="img">
								</div>
								<div class="list_inf">
									<a href="#">Cras erat diam, consequat quis tincidunt nec, eleifend.</a>
								</div>
								</li>
							</ul>
							<span class="btn_24_blue"><a href="#">View All</a></span>
						</div>
					</div>
					</li>
				</ul>
			</div>
			<div id="user_nav">
				<ul>
					<li class="user_thumb"><a href="#"><span class="icon"><img src="images/user_thumb.png" width="30" height="30" alt="User"></span></a></li>
					<li class="user_info"><span class="user_name">Administrator</span><span><a href="#">Profile</a> &#124; <a href="#">Settings</a> &#124; <a href="#">Help&#63;</a></span></li>
					<li class="logout"><a href="#"><span class="icon"></span>Logout</a></li>
				</ul>
			</div>
		</div>
	</div>
	
	<div id="content">
		<div class="grid_container">
			<div class="grid_12">
				<div class="widget_wrap">
					<div class="widget_top">
						<span class="h_icon money"></span>
						<h6>Nueva Guía de Venta</h6>
						
						<div id="basic-modal-content">
								<h3>Nuevo Cliente</h3>
								
								<form action="#" method="post" class="form_container left_label">
								<ul>
								<li>
								<div class="form_grid_12">
									<label class="field_title">Razón Social</label>
									<div class="form_input">
										<input name="filed01" type="text" tabindex="1">
									</div>
								</div>
								</li>
								<li>
								<div class="form_grid_12">
									<label class="field_title">RUC</label>
									<div class="form_input">
										<input name="filed01" type="text" tabindex="1">
									</div>
								</div>
								</li>
								<li>
								<div class="form_grid_12">
									<label class="field_title">Dirección</label>
									<div class="form_input">
										<input name="filed01" type="text" tabindex="1">
									</div>
								</div>
								</li>
								<li>
								<div class="form_grid_12">
									<label class="field_title">Teléfono</label>
									<div class="form_input">
										<input name="filed01" type="text" tabindex="1">
									</div>
								</div>
								</li>
								<li>
								<div class="form_grid_12">
									<label class="field_title">E-mail</label>
									<div class="form_input">
										<input name="filed01" type="text" tabindex="1">
									</div>
								</div>
								</li>
								<li>
								<div class="form_grid_12">
										<button type="submit" class="btn_small btn_orange"><span>Guardar</span></button>
								</div>
								</li>							
								</ul>
								</form>
							</div>
					</div>
					<div class="widget_content">
						<form action="#" method="post" class="form_container">
							<ul>
								<li>
								<div class="form_grid_12">
									<div class="form_input">
										<div class=" form_grid_4 alpha">
											<span class="label_head">N° Documento</span>
											<input name="filed30" type="text">
										</div>
										<div class=" form_grid_2">
											<span class="label_head">Fecha</span>
											<input name="filed31" type="text">
										</div>
										<span class="clear"></span>
									</div>
								</div>
								</li>
								<li>
								<div class="form_grid_12">
									<div class="form_input">
										<div class="form_grid_5 alpha">
											<span class="label_head">Cliente</span>
											<select width="350" style="width: 350px" data-placeholder="Elegir..." class="chzn-select full" name="Field109" tabindex="20">
																<option value=""></option>
																<option value="United States">Rodrigo</option>
																<option value="United Kingdom">Jugueterías Unidas de Huachipa.</option>
																<option value="Australia">Jorgito</option>
																<option value="Canada">Sara Luna</option>
																<option value="France">Gladys</option>
											</select>
											
											<a href="#" class="basic-modal">Nuevo</a>
										</div>
										<div class="form_grid_3">
											<span class="label_head">RUC</span>
											<input name="filed30" type="text">
										</div>
										<div class="form_grid_4">
											<span class="label_head">Dirección</span>
											<input name="filed30" type="text">
										</div>
										<span class="clear"></span>
									</div>
								</div>
								</li>
								<li>
								<div class="form_grid_12">
									<div class="form_input">
										<div class="form_grid_12 alpha">
											<span class="label_head">Observaciones</span>
											<input name="filed30" type="text">
										</div>
										<span class="clear"></span>
									</div>
								</div>
								</li>
							</ul>
						</form>
						
						<table class="wtbl_list">
						<thead>
						<tr>
							<th width="10%">
								 Código
							</th>
							<th width="10%">
								 Cantidad
							</th>
							<th width="30%">
								 Descripción
							</th>
							<th width="20%">
								 Unidad
							</th>
							<th width="20%">
								 Precio
							</th>
							<th width="10%">
								
							</th>
						</tr>
						</thead>
						<tbody>
						<tr class="tr_odd">
							<td>
								 <input type="text" size="10" value="200901"/>
							</td>
							<td>
								  <input type="text" size="3" value=""/>
							</td>
							<td>
								  <input type="text" size="50" value=""/>
							</td>
							
							<td>
								  <select><option>Docena</option></select>
							</td>
							<td>
								 S/.  <input type="text" size="5" value=""/>
							</td>
							<td>
								<span><a class="action-icons c-add" href="#" original-title="Agregar">Add</a></span>
							</td>
							
						</tr>
						<tr>
							<td class="" colspan="6">
								<table cellpadding="0" cellspacing="0" border="0" style="padding-left:5px;">
									<tbody>
									<tr class="gradeA odd">
									<td>2009012</td>
									<td>Broca p/ concreto 3"</td>
									<td>Alemana</td>
									</tr>
									<tr class="gradeA even">
									<td>2009013</td>
									<td>Broca 3/8"</td>
									<td>Barry</td>
									</tr>
									<tr class="gradeA odd">
									<td>2009014</td>
									<td>Broca p/ concreto 3/8"</td>
									<td>Camper</td>
									</tr>
									</tbody>
								</table>
							</td>
						</tr>
						<tr class="tr_even">
							<td>
								 <input type="text" size="10" value="01000001"/>
							</td>
							<td>
								  <input type="text" size="3" value="4"/>
							</td>
							<td>
								  <input type="text" size="50" value="Foco luz mixta 160w"/>
							</td>
							
							<td>
								 <select>
								 <option>Docena</option>
								 <option>Unidad</option>
								 </select>
							</td>
							<td>
								 S/.  <input type="text" size="5" value="30.00"/>
							</td>
							<td>
								 <span><a class="action-icons c-Delete" href="#" original-title="Borrar">Delete</a></span>
							</td>
						</tr>
						<tr class="tr_odd">
							<td>
								 <input type="text" size="10" value="02000041"/>
							</td>
							<td>
								  <input type="text" size="3" value="3"/>
							</td>
							<td>
								  <input type="text" size="50" value="Fluorescente 12 / verde 20w."/>
							</td>
							
							<td>
								  <select><option>Docena</option></select>
							</td>
							<td>
								 S/.  <input type="text" size="5" value="29.00"/>
							</td>
							<td>
								<span><a class="action-icons c-Delete" href="#" original-title="Borrar">Delete</a></span>
							</td>
							
						</tr>
						</tbody>
						</table>
						
					</div>
				</div>
			</div>
			
			
		<span class="clear"></span>
	</div>
	
</div>
</body>
</html>